<template>
  <div class="home">
    <!-- 使用 Vant 按钮进行导航 -->
    <van-button type="primary" block to="/manage">图书管理</van-button>
    <van-button type="info" block to="/add">添加图书</van-button>
    <van-button type="warning" block to="/update">更新图书</van-button>
  </div>
</template>

<script>
import { Button } from 'vant';

export default {
  components: {
    [Button.name]: Button
  },
  name: 'Home'
}
</script>

<style scoped>
.home {
  padding: 20px;
}
.van-button {
  margin-bottom: 15px;
}
</style>